<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Traditional Left Nav</title>
<style>
  #leftNav {
    border-right: 1px grey dashed;
    width: 9.5em;
    margin-left: -2em;
  }
	
  #leftNav ul {
    list-style: none;
  }
	
  #leftNav ul ul li {
    margin-left: -1.5em;
  }	
</style>
</head>

<body>
  <nav id="leftNav">
    <ul id="outerUL">
      <li id="home"><a href="home.html">Home</a></li>
      <li id="portfolio"><a href="portfolio.html">Portfolio</a>
        <ul id="portfolioUL">
          <li id="thumbnails"><a href="thumbnails.html">Thumbnails</a></li>
          <li id="slideShow"><a href="slideShow.html">Slide Show</a></li>
        </ul>
      </li>
      <li id="tagCloud"><a href="tagCloud.html">Tag Cloud</a></li>
    </ul>
  </nav>
  <section>
    <!-- Page content here. -->
  </section>
</body>
  
</html>